</br>
<div class="panel panel-default">
  <div class="panel-heading">
    <i class="fa fa-bar-chart-o fa-fw"></i> Tablueau可视化
  </div>
  <div class="panel panel-body">
    <div id="main"></div>

    <div class='tableauPlaceholder' id='viz1478572372565' style='position: relative'>
      <noscript><a href=' '>< img alt='北京房价分布 ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;ho&#47;housePricing&#47;1&#47;1_rss.png'
        style='border: none' /></a></noscript>
      <object class='tableauViz' style='display:none;'>
        <param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F'/>
        <param name='site_root' value=''/>
        <param name='name' value='housePricing&#47;1'/>
        <param name='tabs' value='no'/>
        <param name='toolbar' value='yes'/>
        <param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;ho&#47;housePricing&#47;1&#47;1.png'/>
        <param name='animate_transition' value='yes'/>  
        <param name='display_static_image' value='yes'/>
        <param name='display_spinner' value='yes'/>
        <param name='display_overlay' value='yes'/>
        <param name='display_count' value='yes'/>
      </object>
    </div>

  </div>
</div>



<script type='text/javascript'>
  var divElement = document.getElementById('viz1478572372565');
  var vizElement = divElement.getElementsByTagName('object')[0];
  vizElement.style.width = '100%';
  vizElement.style.height = (divElement.offsetWidth * 0.75) + 'px';
  var scriptElement = document.createElement('script');
  scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';
  vizElement.parentNode.insertBefore(scriptElement, vizElement);
</script>

